<template>
  <div>
    <CodeLight path="tabs/template/header/Demo1">
      <template #tip>
        <vxe-tip status="primary" title="自定义面板头部模板"></vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="tabs/template/header/Demo2">
      <template #tip>
        <vxe-tip status="primary">卡片风格的页签</vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="tabs/template/header/Demo3">
      <template #tip>
        <vxe-tip status="primary">带有边框背景的卡片风格页签</vxe-tip>
      </template>
    </CodeLight>

    <CodeLight path="tabs/template/header/Demo4">
      <template #tip>
        <vxe-tip status="primary">带有圆角边框背景的卡片风格页签</vxe-tip>
      </template>
    </CodeLight>
  </div>
</template>
